<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>4_元素溢出</title>
    <style>
        div {
            background-color: yellow;
            /* 想要溢出必须先预设div的大小,否则会被内容撑起来,不会溢出! */
            width: 800px;
            height: 200px;
            overflow: visible; /* 溢出可见,默认值 */
            overflow: hidden; /* 溢出隐藏,多余的部分直接裁掉 */
            overflow: scroll; /* 无论是否溢出,直接显示拖拽条 */
            overflow: auto; /* 在溢出的方向才显示拖拽条 */
        }
    </style>
</head>
<body>
    <div>
        <img src="../day01/2.png">
        <img src="../day01/2.png">
        <img src="../day01/2.png">
    </div>
</body>
</html>